import React, { Component } from "react";
import { Menu, Icon } from "antd";
import {
  AppstoreOutlined,
  ProfileOutlined
} from "@ant-design/icons";
import s from "../../routes/Index/IndexPage.css";

const { SubMenu } = Menu;

export default class Asider extends Component {
  render() {
    return (
      <div>
        <h1 className={s.title}>dva+Asino</h1>
        <div>
          {/* inlineCollapsed={this.state.collapsed} */}
          <Menu
            defaultSelectedKeys={["1"]}
            defaultOpenKeys={["sub1"]}
            mode="inline"
            theme="dark"
          >
            <SubMenu key="sub1" icon={<AppstoreOutlined />} title="预约管理">
              <Menu.Item key="1" icon={<ProfileOutlined />}>
                <a href="#/">网点管理</a>
              </Menu.Item>
            </SubMenu>
          </Menu>
        </div>
      </div>
    );
  }
}
